<template>
  <a-form ref="formRef" layout="vertical" auto-label-width class="form-padding" >
    <a-row class="grid-demo" :gutter="24">
      <a-col :span="7">
        <a-form-item label="扫描" field="kehu">
          <a-input class="input-width" />
        </a-form-item>
      </a-col>
      <a-col :span="7">
        <a-form-item label="工序抽检" field="kehu">
          <a-input class="input-width" />
        </a-form-item>
        <a-form-item label="色级" field="kehu">
          <a-select popup-container="html"  style="width: 80%">
            <a-option :value="1">1</a-option>
            <a-option :value="2">2</a-option>
          </a-select>
        </a-form-item>
        <a-form-item label="备注">
          <a-textarea class="input-width" />
        </a-form-item>
      </a-col>
      <a-col :span="10">
        <a-form-item label="上传图片">
          <a-upload draggable action="/"/>
        </a-form-item>
        <a-button type="primary" status="success" size="small">合格</a-button>
        <a-button type="primary" status="danger" size="small" style="margin-left: 5px;">不合格</a-button>
      </a-col>
    </a-row>
  </a-form>
</template>

<script>
export default {
name: "OverlappingRegistration"
}
</script>

<style scoped>
.form-padding {
  padding: 5% 10% 5% 5%
}

.input-width{
  width: 80% !important;
}
</style>
